<template>
  <div id="xiangqingye">
    <div class="toptou">
      <div class="lefttop"><router-link to="/">&lt;</router-link></div>
      <div class="lefttop">国家反诈中心</div>
      <div class="lefttop">
        <span class="iconfont icon-shezhi"></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
#xiangqingye {
  height: 3.5rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

#xiangqingye .toptou {
  width: 100%;
  height: 2.5rem;
  border: 1px solid rgb(209, 209, 209);
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#xiangqingye .toptou .lefttop {
  width: 30%;
  color: #000;
  height: 2.5rem;
  display: flex;
  align-items: center;
}
#xiangqingye .toptou .lefttop:nth-child(3) {
  display: flex;
  justify-content: flex-end;
}

#xiangqingye .toptou .lefttop a {
  text-decoration: none;
  color: #000;
}
#xiangqingye .toptou .lefttop:nth-child(2) {
  display: flex;
  justify-content: center;
}
</style>
